<!DOCTYPE html>
<html>
	<head th:replace="/mobile/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>网吧食品经营监管系统</title>
			<link type="text/css" rel="stylesheet" th:href="@{{lib}/swiper/swiper.min.css(lib=${lib})}"/>
			<link type="text/css" rel="stylesheet" th:href="@{{css}/mobile/cybercafe/good/view.css(css=${css})}"/>
			<script type="text/javascript" th:src="@{{lib}/swiper/swiper.min.js(lib=${lib})}"></script>
			<script type="text/javascript">
				var __goodId = "[[${#request.getParameter('goodid')}]]";
			</script>
		</th:block>
	</head>
	
	<body>
		<div class="page">
			<div class="title">
				<i class="fa fa-angle-left" onclick="onBackClick();"></i>
				<span>商品详情</span>
				<i class="fa fa-shopping-cart" onclick="onBuyClick();"></i>
			</div>
			<div class="content">
				<div class="swiper-container" data-space-between="10" data-pagination=".swiper-pagination" data-autoplay="1000">
					<div class="swiper-wrapper"></div>
					<div class="swiper-pagination"></div>
				</div>
				<div class="text-container">
					<div class="text-container-item">
						<div class="name"></div>
					</div>
					<div class="spliter"></div>
					<div class="text-container-item">
						<div class="specs"></div><div class="price hidden">￥<span class="number"></span>元/<span></span></div>
						<div class="manufacturer"></div>
					</div>
					<div class="spliter"></div>
					<div class="text-container-item">
						<div class="detail"></div>
					</div>
				</div>
			</div>
		</div>
		
		<th:block th:replace="/mobile/common::common_toast_define"/>
		<th:block th:replace="/mobile/common::common_dialog_define"/>
		<th:block th:replace="/mobile/cybercafe/common/cart::cart_define"/>
		
		<script type="text/javascript" th:src="@{{js}/mobile/cybercafe/good/ViewHandler.js(js=${js})}"></script>
	</body>
</html>
